<!DOCTYPE html>
<html lang="zh-CN">
<%- include('../public/meta', {title: note.title || '详情'}); %>
<body>
  <%- include('../public/header', {nav: 'note', type: note.type || ''}); %>
  <div class="cl-cantainer container">
    <div class="row">
      <div class="col-md-9 cl-left">
        <div class="cl-artical-content">
          <h2 class="cl-artical-title"><%=note.title %></h2>
          <div class="cl-card-tag">
            <div><span>发布时间：</span><%=note.createTime %>&emsp;<span>浏览：</span><%=(note.viewCount || 0) %>次</div>
          </div>
          <div class="cl-artical">
            <div class="ql-container ql-snow">
              <div class="ql-editor"><%-note.content %></div>
            </div>
          </div>
        </div>
        <% if (1 < 0) {%>
        <div class="recommend-panel">
          <h4 class="right-card-title">相关文章</h4>
          <div class="card-deck">
            <div class="card ll-panel">
              <a class="recommend-panel-link" href="calmlog-details.html">
                <div class="recommend-panel-top">
                  <img data-src="/dblog/static/temporary-img/list-image1.jpg" class="img-fluid" alt="">
                </div>
                <div class="recommend-panel-bottom">
                  如何有效避免设计作品“空”？
                </div>
              </a>
            </div>
            <div class="card ll-panel">
              <a class="recommend-panel-link" href="calmlog-details.html">
                <div class="recommend-panel-top">
                  <img data-src="/dblog/static/temporary-img/list-image2.jpg" class="img-fluid" alt="">
                </div>
                <div class="recommend-panel-bottom">
                  高点击率钻展，设计环节…
                </div>
              </a>
            </div>
            <div class="card ll-panel">
              <a class="recommend-panel-link" href="calmlog-details.html">
                <div class="recommend-panel-top">
                  <img data-src="/dblog/static/temporary-img/list-image3.jpg" class="img-fluid" alt="">
                </div>
                <div class="recommend-panel-bottom">
                  无敌配色技巧（一）
                </div>
              </a>
            </div>
          </div>
        </div>
        <%} %>
      </div>
      <div class="col-md-3 cl-right">
        <%- include('../public/news'); %>
        <%- include('../public/tags'); %>
        <%- include('../public/contact'); %>
      </div>
    </div>
  </div>
  <%- include('../public/footer'); %>
  <%- include('../public/script-bottom'); %>
  <link href="/dblog/static/quill/dist/quill.core.css" rel="stylesheet" />
  <link href="/dblog/static/quill/dist/quill.snow.css" rel="stylesheet" />
  <link href="/dblog/static/quill/dist/quill.bubble.css" rel="stylesheet" />
  <link href="/dblog/static/highlightjs/dist/styles/xcode.min.css" rel="stylesheet" />
  <script src="/dblog/static/highlightjs/dist/highlight.js"></script>
  <script>
  (function(){
    var hljs = window.hljs || window.returnExports
    if (hljs) {
      hljs.configure({
        languages: ['javascript', 'java', 'html', 'css']
      })
      hljs.highlightAll()
    }
  })();
  </script>
</body>
</html>